<template>
  <div class="homePage">
    <!-- <van-image class="itemImg" width="100%" height="32rem" fit="cover" :src="require('@/assets/homePage_01.png')" />
    <van-image class="itemImg" width="100%" height="43.3rem" fit="cover" :src="require('@/assets/homePage_02.png')" />
    <van-image class="itemImg" width="100%" height="44.7rem" fit="cover" :src="require('@/assets/homePage_03.png')" />
    <van-image class="itemImg" width="100%" height="38rem" fit="cover" :src="require('@/assets/homePage_04.png')" />
    <van-image class="itemImg margin_b60" width="100%" height="44rem" fit="cover" :src="require('@/assets/homePage_05.png')" /> -->
    <!-- <div class="footer bg_w">
      <div class="footerBtn bg_g tc_w f_16" @click="getLogin">预约</div>
    </div> -->
    <!-- <van-image class="itemImg" width="100%" fit="cover" :src="require('@/assets/homePage.gif')" @click="getLogin" /> -->
    <!-- <img class="itemImg" width="100%" :src="require('@/assets/homePage.gif')" alt="" /> -->
    <div class="fullBox" @click="getLogin"></div>
  </div>
</template>

<script>
import wechatApi from '@/api/wechat'
import {removeVenuesId} from '@/utils/auth'
export default {
  data() {
    return {}
  },
  computed: {},
  methods: {
    onBooking(data) {
      this.$router.push({
        path: '/booking'
      })
    },
    getLogin() {
      wechatApi.getWechatLogin().then((res) => {
        window.location.href = res.data
      })
    }
  },
  mounted() {
    removeVenuesId()
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
html,
body,
#app {
  height: 100%;
  padding: 0;
}
.homePage {
  background: url('../../assets/homePage.gif');
  width: 100%;
  height: 100%;
  position: fixed;
  background-position: top center;
  background-size: cover;
  // background-clip: content-box;
}
.itemImg {
  display: block;
}
.footer {
  width: 100%;
  height: 6rem;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0px -4px 8px rgba(204, 204, 204, 0.15);
  .footerBtn {
    width: 34.3rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    border-radius: 4rem;
    margin: 1rem auto;
  }
}
.fullBox {
  width: 100%;
  height: 100%;
}
</style>

<style>
/* html body {
  background-color: #01847f !important;
} */
</style>
